﻿<%@ Page Language="C#" MasterPageFile="~/Samples/Sample.Master" AutoEventWireup="true"
    CodeBehind="ListSelector.aspx.cs" Inherits="JQueryControlToolkit.Sample.Web.Samples.ListSelector"
    Title="Untitled Page" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <style type="text/css">
        .ui-widget-taglist
        {
            list-style: none;
            margin: 0px;
            padding: 3px;
            border: 1px solid grey;
            background-color: white;
            font-size: 0.9em;
        }
        
        .ui-widget-taglist li
        {
            float: left;
            padding: 2px;
            margin-right: 5px;
        }
        
        .ui-widget-taglist li .ui-icon
        {
            float: right;
            margin-left: 5px;
            margin-top: 0px;
        }
        
        .ui-widget-taglist li.input
        {
            float: none;
            border: none;
        }
        
        .ui-widget-taglist input, .ui-widget-taglist input:focus
        {
            border: none;
            font-size: 1.1em;
            outline: none;
        }
        
    </style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="body" runat="server">
    <div class="ui-widget">
	<label for="tags">Tags: </label>
    <input type="text" id="trueInput" name="trueInput" />
</div>
    <jquery:TagExtender ID="tag" runat="server" TargetControlSelector="#trueInput" Limit="2" Validates="true">
        <Autocomplete Url="Dummy.svc/GetAutoCompletion" MaxCount="10" runat="server" />
    </jquery:TagExtender>
</asp:Content>
